<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>MAGAZINE LIST WITH BORDER &laquo;  Fashionic Template - Premium Wordpress Theme &#8211; Live Preview</title>
	
	<link rel="alternate" type="application/rss+xml" title="Fashionic Template &raquo; Feed" href="../feed/index.htm" />
<link rel="alternate" type="application/rss+xml" title="Fashionic Template &raquo; Comments Feed" href="../comments/feed/index.htm" />
<link rel="alternate" type="application/rss+xml" title="Fashionic Template &raquo; MAGAZINE LIST WITH BORDER Comments Feed" href="feed/index.htm" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc_938CD9CC.php" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" /> 
<link rel='prev' title='TUMBLR STYLE LIST' href='../tumblr-style-list/index.htm' />
<link rel='next' title='MAGAZINE WITH SLIDER' href='../magazine-with-slider/index.htm' />
<link rel='canonical' href='index.htm' />
	<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
	
	<!-- CSS
	  ================================================== -->
	<link rel="stylesheet" media="all" type="text/css" href="../wp-content/themes/fashionicnew/styles/mediaelementplayer.min.css" />
	<link rel="stylesheet" media="all" type="text/css" href="../wp-content/themes/fashionicnew/styles/supersized.css" />
	<link rel="stylesheet" media="all" type="text/css" href="../wp-content/themes/fashionicnew/js/themes/classic/galleria.classic.css" />
	<link rel="stylesheet" media="all" type="text/css" href="../wp-content/themes/fashionicnew/style.css" />
	<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../wp-content/themes/fashionicnew/styles/retina.css" />
	
	<noscript><style>.da-thumbs .gallerylayout a div {top: 0px;left: -100%;-webkit-transition: all 0.3s ease;moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}.da-thumbs .gallerylayout a:hover div{left: 0px;}</style></noscript><!--HOVER EFFECT For gallery block in lis tpage -->
	

	 <!--Mobile Specific Metas
	  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- JS
 	================================================== -->
	
	<script type='text/javascript' src='../wp-includes/js/jquery/jquery_9C065B8D.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/jquery.easing.min_59265264.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/jquery.infinitescroll.min_21ED03C2.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/manual-trigger_21ED03C2.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/mediaelement-and-player.min_8D9F515E.js'></script>
<script type='text/javascript' src='../../../../maps.google.com/maps/api/js_805DD1E9'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/jquery.ui.map_21ED03C2.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/comments-ajax_59265264.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/jquery.hoverIntent_21ED03C2.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/supersized.3.2.7.min_80149182.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/supersized.shutter.min_80149182.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/galleria-1.2.8.min_7B39ACCF.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/themes/classic/galleria.classic_C01DA11A.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/jquery.hoverdir_9BD09923.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/color_21ED03C2.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/jquery.isotope_F086B597.js'></script>
<script type='text/javascript' src='../wp-content/themes/fashionicnew/js/main_C389E501.js'></script>

	<!-- Favicons
	================================================== -->
		<link rel="shortcut icon" href="../wp-content/themes/fashionicnew/img/favicon.ico">
			<link rel="apple-touch-icon-precomposed" href="../wp-content/themes/fashionicnew/img/apple-touch-icon-114x114.png">
		<!-- 
	
	Custom Style 
	================================================== 
	
	-->
	<style>
	/* 
	/////////////////
	//Color settings/
	/////////////////
	
	Background color
	*/
	body,#item-wrap{ background-color: }	
		
	/* Heading color */
		
	/* Slider color */
	
		
		
		
		
	
	/* Form color */
	
		
		
		
	/* Sidebar color */
	
		
		
		
		
		
		
		
	/* 
	
	List and content page color
	
	*/
		
	/* Block color */
		#item-wrap li.item,body.single,body.page-template-page-php,body.error404{ background-color:#ffffff; }
		
		
		
		
		
		
		
		
	/* Title color*/
		
	/* Content color*/
		
	/* meta color*/
		
	/* Right Widget */
	
		
		
		
		
	/* /////////////////
	///////General/////
	/////////////////*/
	
		 
	 
		
	
		
		
	/* /////////////////
	///Fonts settings///
	/////////////////*/
	
	body,input,select,textarea{ font-family: Metrophobic}	
	#single-wrap h1,#navi a,h3.widget-title,#item-wrap li.item .layout-stand h2 a.post_title,.da-thumbs .gallerylayout a div span,h2.audio_title,#item-wrap h1,a.btn,h1.archive_title,.contactform h2,.respondbtn,h2.typograph,h3.typograph,h4.typograph,h5.typograph,h6.typograph,#comments_box #comments a,#item-wrap li.item #comments_inlist a,#item-wrap li.item .item_respondbtn a,span#comments, h1 a.sinletitle{ font-family: Playfair Display}	
	#navi li a{ font-size:14px;  font-family: Metrophobic; font-style:normal;}	
	
	#filterable li a{ font-size:12px;  font-family: Metrophobic; font-style:normal;}	
	
	#copyright, #copyright_mobile, #copyright a, #copyright_mobile a { font-size:12px; font-style:normal;}	
	.textboxsearch{ font-size:12px;  font-style:normal;}	
	#item-wrap li.item .layout-stand h2 a.post_title { font-size:32px;  font-style:normal;}	
	#item-wrap li.item .layout-stand h2 a.post_title.blog_title{ font-size:18px;  font-style:normal;}	
	#item-wrap h1,#single-wrap h1, h1 a.sinletitle{ font-size:32px;  font-style:normal;}	
	.layout-stand p,.layout-stand,.entry p{ font-size:12px;  font-style:normal;}	
	#item-wrap li.item a.readmore{ font-size:12px;  font-style:normal;}	
	.da-thumbs .gallerylayout a div span .more{ font-size:12px;  font-style:normal;}	
	.da-thumbs .gallerylayout a div span h2{ font-size:22px;  font-style:normal;}
	.meta{ font-size:12px;  font-style:normal;}	
	
	
	span#comments,.contactform h2, .respondbtn,#item-wrap li.item #comments_inlist a, #item-wrap li.item .item_respondbtn a{ font-size:14px;  font-style:normal;}	
	#item-wrap .meta, .commentlist{ font-size:12px;  font-style:italic;}	
	
	h3.widget-title{ font-size:16px;  font-style:normal;}	
	li.widget-container a, li.widget-container{ font-size:12px;  font-style:normal;}	
	#respond input#submit, .contactform input.idi_send,.pagination .next, .pagination .pre, .tw_style a{ font-size:16px;  font-family: Metrophobic;  font-style:normal;}	
	#slidecaption{ font-size:28px;  font-family: Metrophobic;  font-style:normal; line-height:28px; }	 
	#respond textarea, #respond input, .contactform input, .contactform textarea{ font-size:Array;  font-family: arial;  font-style:Normal;}	 
	 

	 		 
	/* 
	////////////////////
	/////Respondsive////
	////////////////////
	*/	

	
	 @media only screen and (min-width: 768px) and (max-width: 959px) {
		.sidebar_right{ display:none }
		#respond #author,#respond #email,#respond #url,.contactform input,.contactform input.website{ width:346px; float:none; }
		#respond textarea,.contactform textarea{ width:346px}	
		
    }
	 @media only screen and (min-width: 480px) and (max-width: 767px){
		
		/*Markup*/
		html{ height:auto } 
		#navi{ text-align:center; }
		.mobileMenu{ }
		#logo,#logo_retina{ margin-bottom:10px; }
        #logo img{ margin-bottom:0}
		#wrap{width:100%; height:auto}
		#siderbar{width:100%; height:auto; position:relative; display:block;  margin-bottom:0; box-shadow:none; background:none repeat scroll 0 0 transparent;  }
		#filterable{ display:none; }
		#content{ position:static; width:100%; padding:0;display:block; margin-left:0; clear:both}
		#copyright{ display:none}
		#siderbar_bottom{ position: static; top:10px; left:0; clear:both; width:100%; text-align:center; }
		#search{ display:none; width:40px; margin:-90px auto 60px; text-align:left; }
		#search span.searchicon{ display:none }
		.textboxsearch{ width:35px;}
		#social_icon { display:none; }
		#social_icon.social_icon_mobile{ display:block; }
		#copyright_mobile{display:none;clear:both; width:100%; display:block;text-align:center; padding:20px 0; color:#c5c5b1; }

		/*Slider*/
		#slidecaption{ max-width:350px; }
		#controls{ display:none; }
		
		/*list - Block*/
		#item-wrap { margin-left:auto; margin-right:auto; margin-top:40px; padding:0 0 60px 0; display:block;}
		img,iframe,object,embed { margin-bottom:-6px;}
		#item-wrap li.item{  }
		#item-wrap li.item.imageblock .gallerylayout{}
		#pagenums { width:100%; left:0; bottom:10px; text-align:center; }
		#pagenums.tw_style { bottom:10px; position: relative; }
		.tw_style a{ float:none; padding:5px 10px;}
		
		/*Repond Box*/
		#respond{ height:inherit;}
		#respond #author,#respond #email,#respond #url,.contactform input,.contactform input.website{ width:360px; float:none; }
		#respond textarea,.contactform textarea{ width:360px}
		
		/*Player*/
		.single-audio{ width:100%; margin-left:0; }
		#single-wrap .mejs-container .mejs-controls{ width:100%; }
		
		/* sigle page 404 */
		
		h1.archive_title{ position:inherit; width:100%; margin:30px 0 -80px; padding:50px 0 0; text-align:center}		
		#fourofourwrap{ position:static; margin:0 auto; width:80%; text-align:center; }
		#single-wrap{ width:auto; min-width:350px; margin: 0 auto 0;  padding:40px 20px; overflow:hidden;  }
		#infscr-loading, #pagenums{left:10px;}
		ul.like_icon_intip.insingle{ padding-left:0; }
		.sidebar_right{ position:inherit; min-width:350px; padding:20px; border:none; }
		#single-wrap .entry{ margin-right:0}
		.fixed_column{ width:390px }
		.image-wrap img{ max-width:100%; min-width:inherit }
	}
	 @media only screen and (min-width: 320px) and (max-width: 479px){
		 /*Markup*/
		 html{ height:auto } 
		#navi{ text-align:center; }
		.mobileMenu{}
		#logo,#logo_retina{ margin-bottom:10px; }
        #logo img{ margin-bottom:0}
		#wrap{ width:100%; height:auto}
		#siderbar{width:100%; height:auto; position:relative; display:block;  margin-bottom:0; box-shadow:none; background:none repeat scroll 0 0 transparent;  }
		#filterable{ display:none; }
		#content{ position:static; width:100%; padding:0;display:block; margin-left:0; clear:both}
		#copyright{ display:none}
		#siderbar_bottom{ position: static; top:10px; left:0; clear:both; width:100%; text-align:center; }
		#search{ display:none; width:40px; margin:-90px auto 60px; text-align:left; }
		#search span.searchicon{ display:none }
		.textboxsearch{ width:35px;}
		#social_icon { display:none; }
		#social_icon.social_icon_mobile{ display:block; }
		#copyright_mobile{display:none;clear:both; width:100%; display:block;text-align:center; padding:20px 0; color:#c5c5b1; }

		/*Slider*/
		#slidecaption{ max-width:250px; }
		#controls{ display:none; }
		
		/*list - Block*/
		#item-wrap { margin-left:auto; margin-right:auto; margin-top:20px; padding:0 0 60px 0; display:block;}
		img,iframe,object,embed { margin-bottom:-6px;}
		#pagenums { width:100%; left:0; bottom:10px; text-align:center; }
		#pagenums.tw_style { bottom:10px; position: relative; }
		.tw_style a{ float:none; padding:5px 10px;}
		
		/*Repond Box*/
		#respond{ height:inherit;}
		#respond #author,#respond #email,#respond #url,.contactform input,.contactform input.website{ width:260px; float:none; }
		#respond textarea,.contactform textarea{ width:260px}
		
		/*Player*/
		.single-audio{ width:100%; margin-left:0; }
		#single-wrap .mejs-container .mejs-controls{ width:100%; }
		
		/* sigle page 404 */
		h1.archive_title{ position:inherit; width:100%; margin:30px 0 -80px; padding:50px 0 0; text-align:center}		
		#fourofourwrap{ position:static; margin:0 auto; width:80%; text-align:center; }
		#single-wrap{ width:auto; min-width:250px; margin: 0 auto 0;  padding:40px 20px; overflow:hidden;  }
		#infscr-loading, #pagenums{left:10px;}
		ul.like_icon_intip.insingle{ padding-left:0; }
		.sidebar_right{ position:inherit;  padding:20px; border:none; }
		#single-wrap .entry{ margin-right:0}
		.fixed_column{ width:290px }
		.image-wrap img{ max-width:100%; min-width:inherit }
    }
</style>

<!-- IE hack
================================================== -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if lte IE 8 ]>
<script type="text/javascript" src="http://www.uiueux.com/wp/fashionic/wp-content/themes/fashionicnew/js/ie.js"></script>
<link rel="stylesheet" media="all" type="text/css" href="http://www.uiueux.com/wp/fashionic/wp-content/themes/fashionicnew/styles/ie.css" />
<![endif]-->

<!--[if lte IE 6]>
=<div style="width: 100%;" class="messagebox_orange">Your browser is obsolete and does not support this webpage. Please use newer version of your browser or visit <a href="http://www.ie6countdown.com/" target="_new">Internet Explorer 6 countdown page</a>  for more information. </div>
<![endif]-->	
	
	<!--////////////////////////
	//Custom Google Fonts CSS//
	///////////////////////-->
	
				<link href='../../../../fonts.googleapis.com/css_362961CB' rel='stylesheet' type='text/css'>
			<link href='../../../../fonts.googleapis.com/css_D6542681' rel='stylesheet' type='text/css'>
	<link href='../../../../fonts.googleapis.com/css_96849461' rel='stylesheet' type='text/css'>	<style>
::selection { background:#ED6E5C; color:#fff; }
::-moz-selection{ background:#ED6E5C; color:#fff; }
::-webkit-selection{ background:#ED6E5C; color:#fff; }
body,#item-wrap{ background:#eee;}
#logo_text,#logo,#logo_retina{ background-color:#ed6e5c }
#siderbar{ background-color:#fff;}
@media only screen and (min-width: 320px) and (max-width: 767px){
#siderbar{ background:none;}
}
#navi li a{ color:#666}
#navi ul li a span.dot{ background-color:#666 }
#navi ul li:hover a{ color:#ffffff }
#navi>ul>li:hover,#navi ul li ul.sub-menu li{ background-color: rgba(237,110,92,0.8); }
#navi ul li ul.sub-menu li:hover{ background-color: rgb(237,110,92); }
#navi ul li ul.sub-menu li{ border-top:1px solid rgb(237,110,92);border-bottom:1px solid rgb(237,110,92);border-left:1px solid rgb(237,110,92); }
#navi ul li ul.sub-menu li:last-child{ border-right:1px solid rgb(237,110,92); }
#copyright, #copyright_mobile, #copyright a, #copyright_mobile a{ color:#ccc}
.textboxsearch{ color:#999 }
#search span.searchicon { background-color:#999 }
#prevslide, #nextslide{background-color:#eee}
#prevslide:hover, #nextslide:hover{ background-color:#ddd}
#slidecaption{ color:#333;background-color:rgba(238,238,238,1)}
#slidecaption a{color:#333;}
.da-thumbs .gallerylayout a div span h2{ color:#ccc; background-color: #333; }
.da-thumbs .gallerylayout a div span .more{ color:#fff;}
#item-wrap li.item .layout-stand .date{ background-color:#333;color:#999 }
.sidebar_right{ border-left:1px solid #fafafa; }
.page_navi_pre,.page_navi_next{background-color: #d6d6d6; }
h3.widget-title,h3.widget-title a{ color:#666; }
</style>	
<script>
var blockWidth = '300';
var blockMargin = '10';
var blockColumn = '2';
var smallBlockBg = '#ffffff';
var bigBlockBg = '#f0f0f0';

</script>

</head>

<body class="page page-id-755 page-template page-template-list-php">

<div id="wrap">

	<div id="siderbar" class="sidebar_forlist">
	<div class="sidebar_wrapmost">
	
			<p id="logo"><a href="../index.htm" title="Fashionic Template"><img src="../wp-content/themes/fashionicnew/img/logo.png" alt="Fashionic Template" width="250" height="90"></a></p>
		<p id="logo_retina"><a href="../index.htm" title="Fashionic Template"><img src="../wp-content/themes/fashionicnew/img/logo_retina.png" alt="Fashionic Template" width="250" height="90"></a></p>
				
			
	<!--
	////////////////
	Menus and filter
	///////////////
	-->	
		<div class="menu_wrap">
		<div id="navi" class="clearfix"><ul id="menu-a" class="menu"><li id="menu-item-556" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-556"><a href="../index.htm">GALLERY</a></li>
<li id="menu-item-970" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-970"><a href="../home-3/index.htm">HOME</a>
<ul class="sub-menu">
	<li id="menu-item-1372" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1372"><a href="../23-portfolio-list/index.htm">2:3 Portfolio List</a></li>
	<li id="menu-item-1371" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1371"><a href="../32-portfolio-list/index.htm">3:2 Portfolio List</a></li>
	<li id="menu-item-1519" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1519"><a href="../11-portfolio-list/index.htm">1:1 Portfolio List</a></li>
	<li id="menu-item-583" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-583"><a href="../tumblr-style-list/index.htm">Tumblr Style List</a></li>
</ul>
</li>
<li id="menu-item-60" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-60"><a href="../magazine/index.htm">MAGAZINE</a>
<ul class="sub-menu">
	<li id="menu-item-767" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-767"><a href="../magazine-with-slider/index.htm">Magazine with Slider</a></li>
	<li id="menu-item-757" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-755 current_page_item menu-item-757"><a href="index.htm">List with Border</a></li>
</ul>
</li>
<li id="menu-item-973" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-973"><a href="../blog/index.htm">BLOG</a></li>
<li id="menu-item-187" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-187"><a>FEATURES</a>
<ul class="sub-menu">
	<li id="menu-item-188" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-188"><a>Page Examples</a>
	<ul class="sub-menu">
		<li id="menu-item-9" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9"><a href="../about/index.htm">About</a></li>
		<li id="menu-item-343" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-343"><a href="../contact/index.htm">Contact</a></li>
	</ul>
</li>
	<li id="menu-item-1361" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1361"><a href="../list-page-style/index.htm">List Page Style</a></li>
	<li id="menu-item-1310" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1310"><a href="../slider/index.htm">Slider</a></li>
	<li id="menu-item-1311" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1311"><a href="../pagination/index.htm">Pagination</a></li>
	<li id="menu-item-383" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-383"><a href="../shortcodes/index.htm">Shortcodes</a></li>
</ul>
</li>
<li id="menu-item-1309" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1309"><a>SKIN</a>
<ul class="sub-menu">
	<li id="menu-item-1308" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1308"><a href="../wp-content/themes/fashionic/styleswitcher_490A2639.php">Light</a></li>
	<li id="menu-item-1307" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1307"><a href="../wp-content/themes/fashionic/styleswitcher_F40B56C7.php">Dark</a></li>
</ul>
</li>
</ul></div>				<ul id="filterable">
			<li class="current"><a data-filter="*" href="#">All</a></li>	
								<li><a href="#" data-filter=".article">ARTICLE</a></li>       
								<li><a href="#" data-filter=".music">MUSIC</a></li>       
								<li><a href="#" data-filter=".video">VIDEO</a></li>       
							</ul>
				</div><!--End menu_wrap-->
	</div><!--End sidebar_wrapmost-->
	
	<div id="siderbar_bottom">
			<div id="search" class="searchcss social_active">
			<form id="search_form" name="" method="get" class="search-form_header" action="../index.htm">
			<span class="searchicon"></span><input type="text" onBlur="if (this.value == '') {this.value = 'Search';}" onFocus="if (this.value == 'Search') {this.value = '';}" id="s" name="s" value="Search" class="textboxsearch"><input type="submit" value="" class="submitsearch" name="submitsearch">
</form>
		</div><!--END search-->
		
		
		
	
	<!--
	////////////////
	copyright
	///////////////
	-->			
		<div id="copyright">Copyright uiueux</div>
	</div><!--END siderbar_bottom-->	
	</div><!--End sidebar-->


	<div id="content">
	
		
		<ul id="item-wrap" class="clearfix " >
				
			
		<!--/////////////
		//// VIDEO /////
		////////////-->	
						
			<li class="item magazine video video_wrap" rel="http://www.uiueux.com/wp/fashionic/2012/08/26/vimeo-demo/" postid="20">
			<div class="layout-video">			
								<div class="videoWrapper"><iframe title="Vimeo video player" src="../../../../player.vimeo.com/video/40356427_27F43B5B" width="100%" height="auto" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
								
			</div>
			</li>
			
				
				<!--/////////////
		//// STANDARD //
		////////////-->
		<li class="item item_standard haslink article magazine" rel="http://www.uiueux.com/wp/fashionic/2012/09/10/standard-post-purus-scelerisque-risus-urna/" postid="663">
						<a class="post_title withimg" href="javascript:;" act="zoom" title="Standard Post &#8211; Purus scelerisque risus, urna?"><img class="standitem_img" src="../files/2012/09/6186307392_82515f8e0b_b-340x476.jpg" /></a>
						<div class="layout-stand layout-con-style">
						<h2><a act="zoom" class="post_title" href="javascript:;" title="Standard Post &#8211; Purus scelerisque risus, urna?">Standard Post &#8211; Purus scelerisque risus, urna?</a></h2>
						<p>Sociis nascetur scelerisque turpis phasellus eros ridiculus. Eu mattis mus placerat. Turpis cras, ultrices augue porttitor, pulvinar turpis! Elit hac penatibus eu massa porta ac vel lectus scelerisque auctor tempor auctor! Cum? Amet nec turpis in, nec? Sagittis turpis.</p>
<p>Adipiscing dictumst vel! Ac hac ut arcu ac nascetur odio mid et urna vel? Purus egestas ultrices aenean, in! Nascetur sit tempor nisi. Scelerisque phasellus lacus turpis natoque ultrices vel. Porttitor nisi eros, elementum adipiscing. Diam porta porttitor sociis.</p>
						<a act="zoom" href="javascript:;" title="Standard Post &#8211; Purus scelerisque risus, urna?" class="readmore">Readmore</a>
									
			<ul class="like_icon_intip clearfix">
									</ul>
				<!--End Social Share-->
							</div>
			
		</li>
				
				<!--/////////////
		//// STANDARD //
		////////////-->
		<li class="item item_standard haslink article magazine" rel="http://www.uiueux.com/wp/fashionic/2012/09/10/standard-post-facilisis-et-facilisis/" postid="667">
						<a class="post_title withimg" href="javascript:;" act="zoom" title="Standard Post &#8211; Facilisis, et facilisis"><img class="standitem_img" src="../files/2012/09/1600-Dirk-Dallas-340x255.jpg" /></a>
						<div class="layout-stand layout-con-style">
						<h2><a act="zoom" class="post_title" href="javascript:;" title="Standard Post &#8211; Facilisis, et facilisis">Standard Post &#8211; Facilisis, et facilisis</a></h2>
						<p>Mauris? Nascetur sociis montes mus massa aenean, cursus massa? Ridiculus enim augue arcu! Natoque! Eu. Sociis nec a porta pellentesque velit hac tempor urna dolor. Cras, magna habitasse magnis aliquet aliquet aenean montes nec turpis, odio pulvinar elit enim.</p>
						<a act="zoom" href="javascript:;" title="Standard Post &#8211; Facilisis, et facilisis" class="readmore">Readmore</a>
									
			<ul class="like_icon_intip clearfix">
									</ul>
				<!--End Social Share-->
							</div>
			
		</li>
				
				<!--/////////////
		//// AUDIO /////
		////////////-->	
		<li class="item audiowrap magazine music">
		<div class="audio_wrap">
		<h2 class="audio_title">Audio Post &#8211; urpis magna habitasse magna, ac purus</h2>
		<audio width="100%" id="player924" src="http://1.s3.envato.com/files/32610158/preview.mp3" type="audio/mp3"  controls="controls" preload="none">		
		</audio></div>
		
		</li>
		
				
				
				<!--/////////////
		//// STANDARD //
		////////////-->
		<li class="item item_standard haslink article magazine" rel="http://www.uiueux.com/wp/fashionic/2012/09/10/standard-post-egestas-rhoncus-massa/" postid="685">
						<a class="post_title withimg" href="javascript:;" act="zoom" title="Standard Post &#8211; Egestas rhoncus massa"><img class="standitem_img" src="../files/2012/09/7289635256_f41c707db6_h-340x143.jpg" /></a>
						<div class="layout-stand layout-con-style">
						<h2><a act="zoom" class="post_title" href="javascript:;" title="Standard Post &#8211; Egestas rhoncus massa">Standard Post &#8211; Egestas rhoncus massa</a></h2>
						<p>Natoque turpis pulvinar! Nascetur. Facilisis, et facilisis, vel elementum porta pulvinar auctor est et, sociis ac pid enim magna duis habitasse aenean aliquam eros eros nascetur, facilisis ultrices nunc, mauris magnis egestas enim sed, pulvinar, cras aliquet lacus tortor.</p>
						<a act="zoom" href="javascript:;" title="Standard Post &#8211; Egestas rhoncus massa" class="readmore">Readmore</a>
									
			<ul class="like_icon_intip clearfix">
									</ul>
				<!--End Social Share-->
							</div>
			
		</li>
				
				<!--/////////////
		//// STANDARD //
		////////////-->
		<li class="item item_standard haslink article magazine" rel="http://www.uiueux.com/wp/fashionic/2012/08/26/blog-demo-02/" postid="61">
						<div class="layout-stand layout-con-style">
						<h2><a act="zoom" class="post_title" href="javascript:;" title="Standard Post &#8211; Article 01">Standard Post &#8211; Article 01</a></h2>
						<p>Platea, cum, ultricies lacus. Phasellus, et sed eros in lundium scelerisque, turpis scelerisque odio tincidunt. Odio nascetur, est rhoncus! Nunc &hellip;</p>
						<a act="zoom" href="javascript:;" title="Standard Post &#8211; Article 01" class="readmore">Readmore</a>
									
			<ul class="like_icon_intip clearfix">
									</ul>
				<!--End Social Share-->
							</div>
			
		</li>
				
			
		<!--/////////////
		//// VIDEO /////
		////////////-->	
						
			<li class="item magazine video video_wrap" rel="http://www.uiueux.com/wp/fashionic/2012/08/25/youtube-demo/" postid="22">
			<div class="layout-video">			
								<div class="videoWrapper"><iframe src="../../../../www.youtube.com/embed/GrfXtAHYoVA_609C11C5"></iframe></div>
								
			</div>
			</li>
			
				
				<!--/////////////
		//// STANDARD //
		////////////-->
		<li class="item item_standard haslink article magazine" rel="http://www.uiueux.com/wp/fashionic/2012/08/27/standard-post-article-01/" postid="166">
						<div class="layout-stand layout-con-style">
						<h2><a act="zoom" class="post_title" href="javascript:;" title="Standard Post &#8211; Article 02">Standard Post &#8211; Article 02</a></h2>
						<p>Lundium! Augue ut nunc ut non velit dictumst est augue scelerisque! Enim urna, dictumst tincidunt, aliquam ultrices lorem amet lundium ac? Nunc montes, natoque montes? Tristique integer? Scelerisque porta, sed ac magna lacus integer pid, sed amet lectus mauris.</p>
						<a act="zoom" href="javascript:;" title="Standard Post &#8211; Article 02" class="readmore">Readmore</a>
									
			<ul class="like_icon_intip clearfix">
									</ul>
				<!--End Social Share-->
							</div>
			
		</li>
				
				<!--/////////////
		//// AUDIO /////
		////////////-->	
		<li class="item audiowrap magazine music">
		<div class="audio_wrap">
		<h2 class="audio_title">Audio Post</h2>
		<audio width="100%" id="player27" src="http://3.s3.envato.com/files/2229255/preview.mp3" type="audio/mp3"  controls="controls" preload="none">		
		</audio></div>
		
		</li>
		
				
				
				<!--/////////////
		//// STANDARD //
		////////////-->
		<li class="item item_standard haslink article magazine" rel="http://www.uiueux.com/wp/fashionic/2012/08/31/standard-post-article-04/" postid="360">
						<a class="post_title withimg" href="javascript:;" act="zoom" title="Standard Post – Article 04"><img class="standitem_img" src="../files/2012/08/7887558946_c0e83ca36e_o-340x340.jpg" /></a>
						<div class="layout-stand layout-con-style">
						<h2><a act="zoom" class="post_title" href="javascript:;" title="Standard Post – Article 04">Standard Post – Article 04</a></h2>
						<p>A ac lundium. In elit turpis aenean dapibus dictumst! Arcu auctor massa magna nisi natoque, tortor dis arcu, et urna, &hellip;</p>
						<a act="zoom" href="javascript:;" title="Standard Post – Article 04" class="readmore">Readmore</a>
									
			<ul class="like_icon_intip clearfix">
									</ul>
				<!--End Social Share-->
							</div>
			
		</li>
				
				<!--/////////////
		//// STANDARD //
		////////////-->
		<li class="item item_standard haslink article magazine" rel="http://www.uiueux.com/wp/fashionic/2012/09/10/standard-post-adipiscing-dictumst-vel/" postid="670">
						<a class="post_title withimg" href="javascript:;" act="zoom" title="Standard Post &#8211; Adipiscing dictumst vel"><img class="standitem_img" src="../files/2012/09/6249897616_bcaa7023c9_b-340x476.jpg" /></a>
						<div class="layout-stand layout-con-style">
						<h2><a act="zoom" class="post_title" href="javascript:;" title="Standard Post &#8211; Adipiscing dictumst vel">Standard Post &#8211; Adipiscing dictumst vel</a></h2>
						<p>Velit turpis augue in egestas odio adipiscing. Risus non, cursus porta sociis diam amet integer mattis tortor ut sit eros parturient! Aliquam cras, vel vel in vel, sit tristique cum magna amet diam? Massa cursus nisi scelerisque. Odio adipiscing.</p>
						<a act="zoom" href="javascript:;" title="Standard Post &#8211; Adipiscing dictumst vel" class="readmore">Readmore</a>
									
			<ul class="like_icon_intip clearfix">
									</ul>
				<!--End Social Share-->
							</div>
			
		</li>
				
				<!--/////////////
		//// STANDARD //
		////////////-->
		<li class="item item_standard haslink article magazine" rel="http://www.uiueux.com/wp/fashionic/2012/08/27/standard-post-article-03/" postid="177">
						<a class="post_title withimg" href="javascript:;" act="zoom" title="Standard Post – Article 03"><img class="standitem_img" src="../files/2012/08/Untitled-1-340x340.jpg" /></a>
						<div class="layout-stand layout-con-style">
						<h2><a act="zoom" class="post_title" href="javascript:;" title="Standard Post – Article 03">Standard Post – Article 03</a></h2>
						<p>Nec, pid velit risus, vel. Nisi nec, egestas rhoncus placerat amet! Facilisis dapibus, nisi etiam aliquet porta lacus sociis? A sed diam pid etiam quis quis ut, lectus sit, nisi, augue? Purus penatibus ac vut, lectus scelerisque porta, adipiscing.</p>
						<a act="zoom" href="javascript:;" title="Standard Post – Article 03" class="readmore">Readmore</a>
									
			<ul class="like_icon_intip clearfix">
									</ul>
				<!--End Social Share-->
							</div>
			
		</li>
				<div id="page-nav"></div>
	</ul>
		
<script>

	jQuery(document).ready(function(){
		
          var $container = jQuery('#item-wrap');
          $container.infinitescroll({
        	navSelector  : '#page-nav',    // selector for the paged navigation 
        	nextSelector : '#page-nav a',  // selector for the NEXT link (to page 2)
        	itemSelector : '.item',     // selector for all items you'll retrieve
        	loading: {
			img				: "http://www.uiueux.com/wp/fashionic/wp-content/themes/fashionicnew/img/loading-infi.gif",
			msg				: null,
			msgText			: "Loading...",
			finished        : undefined,
			finishedMsg     :  '',
			},
			errorCallback: function() { jQuery('#infscr-loading').fadeOut('normal'); }
        },
        // Call Isotope as a callback function () { jQuery('#infscr-loading').fadeOut('normal'); }
        function( newElements ) {
               var newElems = jQuery(newElements).css({ opacity: 0 });
               newElems.imagesLoaded(function(){
			   		if( navigator.platform == "iPhone" || navigator.platform == "iPod"|| navigator.platform == "iPad") {
               			$container.isotope('appended', newElems, hoverdirCallback);
					}else{
						$container.isotope('insert', newElems, hoverdirCallback);
					}
               
               });
               /*
			   After Infinits Scroll the new items, Need Re-run some js for them.
               */
			    //Player
                if( jQuery('audio').length > 0 ) {
					jQuery(newElements).find("audio").mediaelementplayer({
						alwaysShowControls: true,
						audioHeight: 80,
						loop: true,
						startVolume: 0.8,
						alwaysShowHours: true,
						features: ['playpause','progress','current'],
					});	
				}
				//End player				
			   //Gallery Block Hover 
			   if( jQuery('li.imageblock .gallerylayout').length > 0 ) {
			 	  if (!(navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1)){jQuery('li.imageblock .gallerylayout').hoverdir();  } 
				} //End 
				// Middler image block hover
			jQuery('span.da-thumbs-con').each(function(){
				var hoverconHeight = jQuery(this).height();
				var hoverconMargin = -(hoverconHeight/2);
				jQuery(this).css('margin-top',+hoverconMargin);
			});
			 //End Gallery Block Hover 
				jQuery('li.item > div.audio_wrap, li.item > div.item_standard, li.item > div.layout-video, li.item > a[class!="thumbwrap"], li.item > .gallerylayout').css('background', smallBlockBg);
				if(jQuery.browser.msie == true && parseInt(jQuery.browser.version) < 9){
					 $container.find('li.item').css('width','300px').css('margin-left','10px').css('margin-bottom','10px');    
				}//End if ie
          }) 
	})
</script>
					
		</div><!--END content -->
<div id="copyright_mobile" style="">Copyright uiueux</div>
</div>
<!--Back Top button-->
<div id="top"></div>
</body>
</html>